---
title: Buttons
weight: 2
---

### Primary

<Flexbox alignItems="center">
  <Button variant="primary sm">Small</Button>
  <Button variant="primary" ml="4">
    Default
  </Button>
  <Button variant="primary lg" ml="4">
    Large
  </Button>
</Flexbox>

## Secondary

<Flexbox alignItems="center">
  <Button variant="secondary sm">Small</Button>
  <Button variant="secondary" ml="4">
    Default
  </Button>
  <Button variant="secondary lg" ml="4">
    Large
  </Button>
</Flexbox>

## Link

<Flexbox alignItems="center">
  <Button variant="link sm">Small</Button>
  <Button variant="link" ml="4">
    Default
  </Button>
  <Button variant="link lg" ml="4">
    Large
  </Button>
</Flexbox>
